<% content_for :jquery do  %>
  $('.colorbox').colorbox({transition:"fade"});
<% end %>

<div id="mysearch"></div>
<table id="tabla_usuarios" class="scroll" cellpadding="0" cellspacing="0"></table>
<div id="pager_usuarios" class="scroll" style="text-align:center;"></div>

<script type="text/javascript">
  jQuery("#tabla_usuarios").jqGrid({
  url: "<%= url_for(:controller => "usuarios", :action => "datos") %>" ,
  datatype: 'json',
  postData: {activo:1},
  colNames:['Nombres', 'Apellidos', 'Email', 'Activo',],
  colModel : [
  {name: 'nombres', index: 'nombres', width: 200, align: 'left'},
  {name: 'apellidos', index: 'apellidos', width: 200, align: 'left'},
  {name: 'Email', index: 'email', width: 200, align: 'left'},
  {name: 'Activo', index: 'activo', width: 80, align: 'center'},
  ],
  rowNum:16,
  rowList:[16,26,36],
  pager: jQuery('#pager_usuarios'),
  sortname: "nombres",
  sortorder: "asc",
  height:  350,
  <% if @window -%>
    ondblClickRow: function( rowid) {
    guardar('tabla_usuarios', '<%=@campo_nombre%>', '<%=@campo_id%>');
    },
  <% else %>
    ondblClickRow: function( rowid) {
    abrir(rowid);
    },
  <% end -%>
  }).navGrid('#pager_usuarios',{edit:false,add:false,del:false, view:false},{},{},{},{multipleSearch:true});
  sg= jQuery("#mysearch").filterGrid("#tabla_usuarios",{
  enableClear: true,
  filterModel: [
  {label:'Filiales: ', name:'sucursal_id', stype:'select',sopt:{value:"<%= Sucursal.alljq %>"}},
  {label:'Estado: ', name:'activo', stype:'select',defval:'2',sopt:{value:"1:Activos;0:Inactivos;'':Todos"}},
  ]})[0];



  //Funcion para abrir el elemento seleccionado
  function abrir(rowid){
  if (rowid == null){
  var id = $('#tabla_usuarios').getGridParam('selrow');
  }else{
  var id = rowid;
  }
  if (id == null){
  alert('Seleccione un registro de la lista');
  } else {
  window.location = '<%=usuarios_path%>/' + id;
  };
  };
</script>

<% if @window -%>
  <a href="javascript:guardar('tabla_usuarios', '<%=@campo_nombre%>', '<%=@campo_id%>');"><b>Aceptar</b></a>
<% else %>
  <% content_for :sidebar do -%>
    <h3>Acciones</h3>
    <%= boton 'Nueva persona', new_usuario_path, :imagen => 'agregar' %><br/>
    <%= boton 'Ver persona', "javascript:abrir(null)", :imagen => 'ver' %><br />
    <%= boton 'Filtrar por antiguedad', filtrar_por_antiguedad_usuarios_path, :imagen => 'ver'%><br />
    <h3>Descargas</h3>
    <%= descarga_reportes%>

  <% end -%>
<% end -%>

